<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>天津理工大学信息门户</title>
		<script type="text/javascript">
			
			function showtime(){
				var today = new Date();
				var y = today.getFullYear();
				var m = today.getMonth();
				var d = today.getDate();
				document.getElementById('date').innerHTML = y + "年" + (m+1) + "月" + d+ "日";
			}
		
		</script>
		<style>
			body {
				margin: 0;
				padding: 0;
			}
			
			#contain{
				clear: both;
				width: 900px;
				margin-left: auto;
				margin-right: auto;
			}
			#head{
				width: 100%;
				height: 124px;
				background-image: url(image/2016-08-21_193718.png);
			}
			#info{
				width: 100%;
				height: 28px;
				padding-top: 2.5px;
				padding-bottom: 18px;
			}
			#infoleft li{
				width: 25%;
				height: 30px;
				float: left;
				background-color: #EEEEEE;
			    padding-top:3px ;
				padding-left: 15px;
				list-style-type: none;
				font-family: "微软雅黑";
				font-size: 15px;
			}
			
			#inforight li {
				width: 9.74%;
				height:30px;
				float: left;
				background-color: #EEEEEE;
				padding-top: 3px;
				list-style-type: none;
				font-family: "宋体";
			}
			#center{
				
				width: 99.9%;
				height: 300px;
				background-image: url(image/5f.jpg);
				
			}
			#foot{
				width: 100%;
				height: 55px;
				background-color: #EEEEEE;
				font-family: "宋体";
				font-size: 13px;
			}
			
			.textfoot {
				
				text-align: center;
				list-style: none;
				padding-top:20px ;
				
				
			}
			.form{
				width: 300px;
				height: 180px;
				padding-top: 86px;
				padding-left:120px;
				font-family: "宋体";
				font-size: 12px;
			}
			.psw{
				padding-top:10px ;
			}
			.confirm{
				padding-top:10px ;
			}
			.log{
				
				padding-top:15px;
				padding-left: 50px;
				
			}
			#find{
				font-size: 10px;
				color: #666666;
			
			}
			a {
				font-size: 15px;
				color: #666666;
			}
			
			a:link {
				text-decoration: none;
			}
			
			a:visited {
				text-decoration: none;
				color: #666666;
			}
			
			a:hover {
				text-decoration: none;
				color: #FF6600;
			}
			
			a:active {
				text-decoration: none;
				color: #666666;
			}
			
		</style>
	</head>
	<body onload="showtime()">
		<div id="contain">
			
			<div id="head">
				
			</div>
			
			<div id="info" >
				
				<div id="infoleft" >
					
						<li id="date"></li>
						<li> 欢迎光临</li>
						
					
				</div>
				
				<div id="inforight">
					<li style="width: 17px;"><img src="image/index_08.gif"/></li>
					<li ><a style="font-size: 10px;" href="http://my.tjut.edu.cn/openwindow.html">登录帮助</a></li>
					<li style="width: 17px;"><img src="image/index_09.gif"/></li>
					<li ><a style="font-size: 10px;" href="http://my.tjut.edu.cn/helpwindow.html">联系我们</a></li>
					<li style="width: 17px;"><img src="image/index_08.gif"/></li>
					<li ><a style="color: red;font-size: 10px;" href="http://my.tjut.edu.cn/help_xs.html">新生登录帮助</a></li>
					<li style="width: 17px;"><img src="image/index_09.gif"/></li>
					<li ><a style="color: red;font-size: 10px;" href="http://yx.tjut.edu.cn/index.portal">新生学号查询</a></li>
					
				</div>
				
				
				
				
			</div>
			
			<div id="center">

	<form action="#" method="get" class="form">
		<table width="260" height="190" border="0" cellpadding="0" >
			<tbody>
				<tr>
					<td>用户名：</td>
					<td><input type="text" id="name" name="name" maxlength="20"  style="width: 180px;height: 20px;border:1px solid #00A8E6;"/></td>
				</tr>

				<tr>
					<td class="psw">密码：</td>
					<td class="psw"><input type="password" id="psw" name="psw" maxlength="18" style="width: 180px;height: 20px;border:1px solid #00A8E6;"/></td>
				</tr>
				<tr>
					<td class="confirm">验证码：</td>
					<td class="confirm"><input type="text" id="confirm" name="confirm"  style="width: 90px;height: 20px;border:1px solid #00A8E6;"/>
					<img  src="image/captchaGenerate.jpg" style="width: 60px;height: 20px;margin-left: 10px;"/></td>
				    
				</tr>
				<tr>
					<td colspan="3" style="padding-left: 75px;padding-top: 20px;"><a id="find" target="_blank" href="http://my.tjut.edu.cn/getBackPassword.portal"> 密码找回 </a></td>
				</tr>
				<tr>
					<td colspan="3" class="log"><input type="submit" name="sbm" value=""   style="border-width: 0;color: white; font-family: '微软雅黑'; width: 84px;height: 29px;background-image: url(image/index_12.gif);cursor: pointer; margin-left:-20px;" />
						<input type="reset" name="rs" value="" style="border-width:0;color: white;font-family: '微软雅黑'; width:84px;height:29px;background-image: url(image/index_13.gif); cursor: pointer; margin-left:30px;"/> </td>
			    </tr>
			   
		    </tbody>
	    </table>
	</form>
	       </div>
				
		
			    <div id="foot">
			    	
			    	<li class="textfoot">copyright © 天津理工大学.ALL Rights Reserved.</li>
			    	
			    </div>
				
					
		    
		</div>
	</body>
</html>
